<template>
  <view class="customer-bar">
    <view class="customer-bar-item">
      <image
        src="/pages/activity/static/mosushop/coin.png"
        class="customer-bar-item-icon"
      />
      <view><text class="text-warning px-xs">15</text>雪王币</view>
    </view>
    <view class="customer-bar-item" @tap="toCoinDetail">
      <image
        src="/pages/activity/static/mosushop/record.png"
        class="customer-bar-item-icon"
      />
      <view>兑换记录</view>
    </view>
  </view>
</template>
<script>
export default {
  name: "CustomerBar",
  methods: {
    toCoinDetail() {
      uni.navigateTo({
        url: "/pages/customer-center/coins-detail/coins-detail"
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.customer-bar {
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;

  &-item {
    flex: 1;
    padding-left: $uni-spacing-row-xxl;
    display: flex;
    align-items: center;
    &-icon {
      width: 44rpx;
      height: 44rpx;
      margin-right: $uni-spacing-row-sm;
    }
  }
}
</style>
